<html ng-app="ionicApp">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>MGM</title>
   
    <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
    <script>
    angular.module('ionicApp', ['ionic'])

	.controller('MyCtrl', function($scope) {
	  
		  
	  	 	  
	  $scope.items = [
      { id: 0 ,
        name:'"金葵花" 金融与实业',
        type:"亲子活动",
        date:"2017-10-01",
        time:"09:30:00",
        adviser:"秦四军",
        targetClientNum:30,
        inviteClientNum:31,
        visitClientNum:32,
        expectSellTarget:"销售目标销售目标销售目标销售目标销售目标销售目标销售目标销售目标销售目标销售目标销售目标销售目标销售目标销售目标",
        clientScript:"客户描述客户描述客户描述客户描述客户描述客户描述客户描述客户描客户描述客户描述客户描述客户描述客户描述客户描述客户描述客户描述客户描述客户"
      }
	  ];

    $scope.items[0]['id']==0?$scope.adviserTitle="预约财富顾问":$scope.adviserTitle="预约财富主管";
    
    $scope.bodyCon = (document.body.clientHeight - 80) + 'px';
    $scope.styleObj = {
        'height': $scope.bodyCon
    };

    $scope.mgmInfo = '';

    // 初始化卡等级
    $scope.RecLvl = '';
    // Hacking with Angular: 玩转ngOptions指令
    //拟推荐等级 修改 ng-init="mgmInfo.custRecLvl=proposedRecomLvl[$scope.RecLvl].parmVal"
    $scope.tabFn = function (index,cardLv) {
            $scope.mgmInfo = index;
            if (index === '1') {
                $scope.RecLvl = cardLv || 0;
               
                
            };
    };

    //qrCodeList.html增加金葵花MGM二维码 ui-sref="main.goldenSunflowerQrcode" 
    //routes.js 增加 .state("main.goldenSunflowerQrcode",{url:"/goldenSunflowerQrcode",templateUrl:"template/mgm/mgmQrcode.html?v="+version,controller:"mgmQrcodeCtrl",cache:false})

	});
    </script>

    <style>
      /*reset*/
      *{outline: 0;}
      html, body, p, ul, ol, input, figure, dl, dt, dd { margin: 0; padding: 0; border: 0; height: 100%}
      ul, ol { list-style: none; }
      body, input { -webkit-font-smoothing: antialiased; font-family: Arial, DroidSansFallback, Helvetica, Tahoma, \5FAE\8F6F\96C5\9ED1, sans-serif, Sans; }
      h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6, p { margin: 0;font-family:'Microsoft YaHei'; font-weight: normal;}
      em, i ,span,a,label{display: inline-block; font-style: normal; }
      a { text-decoration: none; }
      a, button, button:active, textarea,div,li{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-appearance: none;}
      textarea{font-size:.896rem;resize:none;}
      select,button {font-family:'Microsoft YaHei';}
      /*reset end*/

      /* iphone6 宽度375px root-font-size15.625px */
      html, body { font-size: 15.625px; }
      .list-cards-mgm{height: 6.4rem;line-height: 6.4rem;font-size: .786rem;padding: 0;margin-bottom: 12px;}
      .color0{color:#000;}
      .list-cardtype-img{width:9.28rem;height:5.184rem;position: absolute;top: 0;bottom: 0;left: .96rem;margin: auto;}
      .list-cardtype-img.diamond-card{background:url(../images/qrCodeIcon/17.png) no-repeat center center;background-size: 100%;}
      .list-cardtype-img.private-bank{background:url(../images/qrCodeIcon/18.png) no-repeat center center;background-size: 100%;}
      .list-cardtype-img.golden-sunflower{background:url(../images/qrCodeIcon/19.png) no-repeat center center;background-size: 100%;}
      .list-cardtype-img.golden-card{background:url(../images/qrCodeIcon/20.png) no-repeat center center;background-size: 100%;}
      .list-cardtype-img.normal-card{background:url(../images/qrCodeIcon/21.png) no-repeat center center;background-size: 100%;}
      .list-card-blk{height:100%;width:40%;position: absolute;right: .96rem;top: 0;bottom: 0;margin: auto;}
      .list-card-blk .addmgm_i{width: 2.832rem;height: 2.832rem;background: url(../images/qrCodeIcon/16.png) no-repeat center center;background-size: 100%;position: absolute;top: 1.472rem;text-align: center;margin: 0 1.472rem;}
      .list-card-blk .recqrcode_i{width: 2.832rem;height: 2.832rem;background: url(../images/qrCodeIcon/15.png) no-repeat center center;background-size: 100%;position: absolute;top: 1.472rem;right:.8rem;text-align: center;}
      .icon-title{color:#2d2d2d; font-size: .768rem;margin-top: 0.384rem;}
    </style>
  </head>

  <body ng-controller="MyCtrl">
    
    <ion-header-bar class="bar-light" align-title="center">
      <!-- 左侧返回按钮 -->
      <div class="buttons">
        <button class="button no-animation button-icon icon ion-chevron-left"
          ng-click="getValue()"></button>
      </div>
      <div class="h1 title">MGM</div>
    </ion-header-bar>
      <!-- mgm录入初始页面 start  ng-show="mgmInfo.opt=='0'"-->
      <div style="position: relative;top: 44px;"  ng-style="styleObj">
        <ion-content>
          <ion-list>
            <ion-item class="list-cards-mgm">
              <!--钻石卡  -->
              <div class="list-card color0">
                <div class="list-cardtype-img diamond-card"></div>
                <div class="list-card-blk">
                  
                  <em class="addmgm_i" ng-click="tabFn('1',0)"><span class="icon-title f12">录入</span></em>
                </div>
              </div>
            </ion-item>
            <ion-item class="list-cards-mgm">
              <!--私人银行卡  -->
              <div class="list-card color0">
                <div class="list-cardtype-img private-bank"></div>
                <div class="list-card-blk">
                  <em class="addmgm_i" ng-click="tabFn('1',1)"><span class="icon-title f12">录入</span></em>
                </div>
              </div>          
            </ion-item>
            <ion-item class="list-cards-mgm">
              <!--金葵花银行卡  -->
              <div class="list-card color0">
                <div class="list-cardtype-img golden-sunflower"></div>
                <div class="list-card-blk">
                  <em class="addmgm_i" ng-click="tabFn('1',2)"><span class="icon-title f12">录入</span></em>
                  <em class="recqrcode_i" ui-sref="main.goldenSunflowerQrcode"><span class="icon-title f12">推荐二维码</span></em>
                </div>
              </div>          
              </ion-item>   
              <ion-item class="list-cards-mgm">
                <!--金卡  -->
                <div class="list-card color0">
                  <div class="list-cardtype-img golden-card"></div>
                  <div class="list-card-blk">
                    <em class="addmgm_i" ng-click="tabFn('1',3)"><span class="icon-title f12">录入</span></em>
                  </div>
                </div>          
              </ion-item>     
              <ion-item class="list-cards-mgm">
                <!--普卡  -->
                <div class="list-card color0">
                  <div class="list-cardtype-img normal-card"></div>
                  <div class="list-card-blk">
                    <em class="addmgm_i" ng-click="tabFn('1',4)"><span class="icon-title f12">录入</span></em>
                  </div>
                </div>          
              </ion-item>                    
          </ion-list>
        </ion-content>    
      </div>
      <!-- mgm录入初始页面 end-->
  </body>
</html>
